{% set setting = {title:'房源信息',beforeLink:['/css/plugins/chosen/chosen.css']} %} {% include "../_partial/head.html" with setting %}
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=dokr8H1rX6hjUsSOM87NGf0b"></script>
<link rel="stylesheet" href="{{basePath}}/css/plugins/fancybox/jquery.fancybox.css">
<style>
    .form-group span,.form-group input {
        margin: 0;
    }
    input {
        height:30px;
        line-height:30px;
    }
    textarea {
        padding:10px 15px;
    }
    #roomType p,#houseFloor p{
        border:1px solid silver;
    }
    #roomType label,#houseFloor label {
        position: relative;
        display: block;
        padding:0;
        margin-bottom: 0;
    }
    #roomType b,#roomType s,#houseFloor b,#houseFloor s,#roomType span,#houseFloor span{
        text-align: center;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        height:30px;
        line-height:30px;
    }
    #roomType b,#houseFloor b {
        right:10px;
    }
    #roomType span,#houseFloor span {
        right:20%;
        margin: 0;
    }
    #roomType s,#houseFloor s {
        font-style: normal;
        left:10px;
    }
    #roomType input,#houseFloor input {
        text-align: center;
        width: 100%;
        border:0 none;
    }
    #houseAddress-list {
        position: absolute;
        top:30px;
        left:15px;
        width: 100%;
        line-height:30px;
        padding: 0;
        z-index:999;
        background-color: #FFFFFF;
    }
    #houseAddress-list>li {
        padding: 0 15px;
        border: 1px solid #eee;
        border-top: 0 none;
    }
    #houseAddress-list>li:hover {
        background-color: #eeeeee;
        cursor: default;
    }
    span.help-block{
        margin-top:5px;
    }
</style>
<body>
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-content" style="padding-top: 0;">
                <form class="form-horizontal m-t" style="margin-top:0;">
                    <input type="hidden" name="villageId" id="villageId">
                    <div class="ibox-title" style="border: none;">
                        <h6>小区信息</h6>
                    </div>
                    <div class="ibox-content">
                        <div class="form-group" style="position: relative;">
                            <label class="col-sm-2 control-label">小区名称：</label>
                            <div class="col-sm-7">
                                <p style="position: relative; margin: 0;">
                                    <input type="text" style="width: 100%;margin: 0;padding: 0 15px;" name="villageName" id="villageName" autocomplete="off" placeholder="请输入小区名称" required/>
                                </p>
                                <ul id="village-list"></ul>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">小区地址：</label>
                            <p id="villageAddress" class="col-sm-7 control-label"></p>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">建筑年代：</label>
                            <p id="buildYear" class="col-sm-7 control-label"></p>
                        </div>
                        <div class="form-group" style="">
                            <label style="padding: 0 15px;">周边地铁信息：</label>
                            <ul id="aroundInfo"></ul>
                        </div>
                        <div class="form-group" id="map-box" style="padding: 0 15px;width:77%;height: 400px">
                            <div class="" id="l-map"></div>
                        </div>
                        <div id="searchResultPanel" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>
                    </div>
                    <div class="ibox-title" style="border: none;">
                        <h6>位置信息</h6>
                    </div>
                    <div class="ibox-content">
                        <div class="row" style="margin: 0;">
                            <div class="form-group col-sm-6">
                                <label class="col-sm-4 control-label">街道：</label>
                                <input type="text" class="col-sm-6" name="street" id="street" placeholder="请输入街道" required />
                            </div>
                            <div class="form-group col-sm-5">
                                <label class="col-sm-4 control-label">楼号：</label>
                                <input type="text" class="col-sm-6" name="buildingNo" id="buildingNo" placeholder="请输入楼号" />
                            </div>
                        </div>
                        <div class="row" style="margin: 0;">
                            <div class="form-group col-sm-6">
                                <label class="col-sm-4 control-label">单元号：</label>
                                <input type="text" class="col-sm-6" name="unitNo" id="unitNo" placeholder="请输入单元号" />
                            </div>
                            <div class="form-group col-sm-5">
                                <label class="col-sm-4 control-label">房屋号：</label>
                                <input type="text" class="col-sm-6" name="houseNo" id="houseNo" placeholder="请输入房屋号" required />
                            </div>
                        </div>
                        <div class="form-group" style="position: relative;">
                            <label class="col-sm-2 control-label">房源地址：</label>
                            <div class="col-sm-7 no-plr" style="position: relative;">
                                <p class="row" style="margin: 0;">
                                    <input type="text" class="col-sm-12"  name="houseAddress" id="houseAddress" placeholder="请输入房源地址" autocomplete="off" required />
                                </p>
                                <ul id="houseAddress-list" class="row"></ul>
                            </div>

                        </div>
                    </div>
                    <div class="ibox-title" style="border: none;">
                        <h6>房源信息</h6>
                    </div>
                    <div class="ibox-content">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">签约合同编号：</label>
                            <input type="text" class="col-sm-7" name="contractNo" id="contractNo" placeholder="请输入合同编号" required />
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">建筑面积(平米)：</label>
                            <input type="number" class="col-sm-7" name="houseFloorArea" id="houseFloorArea" placeholder="请输入建筑面积" required/>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">朝向(必选)</label>
                            <div class="col-sm-8 otherInfo no-plr houseOrientations">
                                <input type="radio" value="南北" name="houseOrientations" id="origin1">
                                <label for="origin1">南北</label>
                                <input type="radio" value="南" name="houseOrientations" id="origin2">
                                <label for="origin2">南</label>
                                <input type="radio" value="东南" name="houseOrientations" id="origin3">
                                <label for="origin3">东南</label>
                                <input type="radio" value="西南" name="houseOrientations" id="origin4">
                                <label for="origin4">西南</label>
                                <input type="radio" value="西" name="houseOrientations" id="origin5">
                                <label for="origin5">西</label>
                                <input type="radio" value="其他" name="houseOrientations" id="origin6">
                                <label for="origin6">其他</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">装修(必选)</label>
                            <div class="col-sm-8 otherInfo no-plr decorationCondition">
                                <input type="radio" value="毛坯" name="decorationCondition" id="decoration1">
                                <label for="decoration1">毛坯</label>
                                <input type="radio" value="简装修" name="decorationCondition" id="decoration2">
                                <label for="decoration2">简装修</label>
                                <input type="radio" value="中等装修" name="decorationCondition" id="decoration3">
                                <label for="decoration3">中等装修</label>
                                <input type="radio" value="精装修" name="decorationCondition" id="decoration4">
                                <label for="decoration4">精装修</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">户型: </label>
                            <div class="col-sm-7 no-plr" id="roomType">
                                <p class="clearfix">
                                    <label class="col-xs-4"><input type="number" name="houseTypeOne" required><b>室</b></label>
                                    <label class="col-xs-4"><input type="number" name="houseTypeTwo" required><b>厅</b></label>
                                    <label class="col-xs-4"><input type="number" name="houseTypeThree" required><b>卫</b></label>
                                </p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">楼层：</label>
                            <div class="col-sm-7 no-plr" id="houseFloor">
                                <p class="clearfix">
                                    <label class="col-xs-5"><s>第</s><input type="number" name="houseFloor" required><b>层</b></label>
                                    <label class="col-xs-5 col-xs-offset-2"><s>共</s><input type="number" name="houseFloorTotal" required><b>层</b></label>
                                </p>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">房屋类型(必选)：</label>
                            <div class="col-sm-8 otherInfo no-plr houseType">
                                <input type="radio" value="商品房" name="houseType" id="houseType1">
                                <label for="houseType1">商品房</label>
                                <input type="radio" value="公房" name="houseType" id="houseType2">
                                <label for="houseType2">公房</label>
                                <input type="radio" value="商住两用" name="houseType" id="houseType3">
                                <label for="houseType3">商住两用</label>
                                <input type="radio" value="其他" name="houseType" id="houseType4">
                                <label for="houseType4">其他</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">锁类型(必选)</label>
                            <div class="col-sm-8 otherInfo no-plr houseOrientations">
                                <input type="radio" value="0" name="lockType" id="lockType1">
                                <label for="lockType1">钥匙锁</label>
                                <input type="radio" value="1" name="lockType" id="lockType2">
                                <label for="lockType2">wifi智能锁</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">房源优势(可选)</label>
                            <div class="col-sm-8 no-plr otherInfo checkbox-houseAdvantage">
                                <input type="checkbox" value="地铁房" name="houseAdvantage" id="t1">
                                <label for="t1">地铁房</label>
                                <input type="checkbox" value="学区房" name="houseAdvantage" id="t2">
                                <label for="t2">学区房</label>
                                <input type="checkbox" value="医院" name="houseAdvantage" id="t3">
                                <label for="t3">医院</label>
                                <input type="checkbox" value="商圈" name="houseAdvantage" id="t4">
                                <label for="t4">商圈</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">配套设施(可选)</label>
                            <div class="col-sm-10 no-plr otherInfo checkbox-houseFacilities">
                                <input type="checkbox" value="电梯" name="houseFacilities" id="t5">
                                <label for="t5">电梯</label>
                                <input type="checkbox" value="天然气" name="houseFacilities" id="t6">
                                <label for="t6">天然气</label>
                                <input type="checkbox" value="天井" name="houseFacilities" id="t7">
                                <label for="t7">天井</label>
                                <input type="checkbox" value="花园" name="houseFacilities" id="t8">
                                <label for="t8">花园</label>
                                <input type="checkbox" value="阁楼" name="houseFacilities" id="t9">
                                <label for="t9">阁楼</label>
                                <input type="checkbox" value="天台" name="houseFacilities" id="t10">
                                <label for="t10">天台</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">备注</label>
                            <textarea class="col-sm-7" name="remark" style="height: 160px;" placeholder="输入备注,300汉字以内"></textarea>
                        </div>
                    </div>
